<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>

</head>
<body>
    <div id="2488fa70088d4caeabb05c8e43808ab0" class="chart-container" style="width:900px; height:500px;"></div>
    <script>
        var chart_2488fa70088d4caeabb05c8e43808ab0 = echarts.init(
            document.getElementById('2488fa70088d4caeabb05c8e43808ab0'), 'white', {renderer: 'canvas'});
        var option_2488fa70088d4caeabb05c8e43808ab0 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "radar",
            "name": "\u5317\u4eac",
            "data": [
                [
                    55,
                    9,
                    56,
                    0.46,
                    18,
                    6,
                    1
                ],
                [
                    25,
                    11,
                    21,
                    0.65,
                    34,
                    9,
                    2
                ],
                [
                    56,
                    7,
                    63,
                    0.3,
                    14,
                    5,
                    3
                ],
                [
                    33,
                    7,
                    29,
                    0.33,
                    16,
                    6,
                    4
                ],
                [
                    42,
                    24,
                    44,
                    0.76,
                    40,
                    16,
                    5
                ],
                [
                    82,
                    58,
                    90,
                    1.77,
                    68,
                    33,
                    6
                ],
                [
                    74,
                    49,
                    77,
                    1.46,
                    48,
                    27,
                    7
                ],
                [
                    78,
                    55,
                    80,
                    1.29,
                    59,
                    29,
                    8
                ],
                [
                    267,
                    216,
                    280,
                    4.8,
                    108,
                    64,
                    9
                ],
                [
                    185,
                    127,
                    216,
                    2.52,
                    61,
                    27,
                    10
                ],
                [
                    39,
                    19,
                    38,
                    0.57,
                    31,
                    15,
                    11
                ],
                [
                    41,
                    11,
                    40,
                    0.43,
                    21,
                    7,
                    12
                ]
            ],
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "normal": {
                    "color": "#f9713c"
                }
            },
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        },
        {
            "type": "radar",
            "name": "\u4e0a\u6d77",
            "data": [
                [
                    91,
                    45,
                    125,
                    0.82,
                    34,
                    23,
                    1
                ],
                [
                    65,
                    27,
                    78,
                    0.86,
                    45,
                    29,
                    2
                ],
                [
                    83,
                    60,
                    84,
                    1.09,
                    73,
                    27,
                    3
                ],
                [
                    109,
                    81,
                    121,
                    1.28,
                    68,
                    51,
                    4
                ],
                [
                    106,
                    77,
                    114,
                    1.07,
                    55,
                    51,
                    5
                ],
                [
                    109,
                    81,
                    121,
                    1.28,
                    68,
                    51,
                    6
                ],
                [
                    106,
                    77,
                    114,
                    1.07,
                    55,
                    51,
                    7
                ],
                [
                    89,
                    65,
                    78,
                    0.86,
                    51,
                    26,
                    8
                ],
                [
                    53,
                    33,
                    47,
                    0.64,
                    50,
                    17,
                    9
                ],
                [
                    80,
                    55,
                    80,
                    1.01,
                    75,
                    24,
                    10
                ],
                [
                    117,
                    81,
                    124,
                    1.03,
                    45,
                    24,
                    11
                ],
                [
                    99,
                    71,
                    142,
                    1.1,
                    62,
                    42,
                    12
                ]
            ],
            "label": {
                "show": false,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "normal": {
                    "color": "#b3e4a1"
                }
            },
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            },
            "areaStyle": {
                "opacity": 0
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u5317\u4eac",
                "\u4e0a\u6d77"
            ],
            "selected": {
                "\u5317\u4eac": true,
                "\u4e0a\u6d77": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "radar": {
        "indicator": [
            {
                "name": "AQI",
                "max": 300,
                "min": 5
            },
            {
                "name": "PM2.5",
                "max": 250,
                "min": 20
            },
            {
                "name": "PM10",
                "max": 300,
                "min": 5
            },
            {
                "name": "CO",
                "max": 5
            },
            {
                "name": "NO2",
                "max": 200
            },
            {
                "name": "SO2",
                "max": 100
            }
        ],
        "shape": "circle",
        "name": {
            "textStyle": {}
        },
        "splitLine": {
            "show": true,
            "lineStyle": {
                "show": true,
                "width": 1,
                "opacity": 1,
                "curveness": 0,
                "type": "solid"
            }
        },
        "splitArea": {
            "show": true,
            "areaStyle": {
                "opacity": 0
            }
        },
        "axisLine": {
            "show": true,
            "onZero": true,
            "onZeroAxisIndex": 0
        }
    },
    "title": [
        {
            "text": "Radar-\u7a7a\u6c14\u8d28\u91cf",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
        chart_2488fa70088d4caeabb05c8e43808ab0.setOption(option_2488fa70088d4caeabb05c8e43808ab0);
    </script>
</body>
</html>
